<template>
  <ele-page flex-table>11
    <ele-pro-table
      row-key="userId"
      :columns="columns"
      :datasource="datasource"
      :footer-style="{ paddingBottom: '12px' }"
    >
    </ele-pro-table>
  </ele-page>
</template>

<script setup>
  import { ref } from 'vue';
  import { pageUsers } from '@/api/system/user';

  const columns = ref([
    {
      label: '用户账号',
      prop: 'username'
    },
    {
      label: '用户名',
      prop: 'nickname'
    }
  ]);

  const datasource = ({ pages }) => {
    return pageUsers({ ...pages });
  };
</script>
